<template>
  <div id="hot" :style="{
      borderRadius:styles.circle+'px',
      marginTop:styles.marginTop+'px',
       marginBottom:styles.marginBottom+'px',
        marginLeft:styles.marginLR+'px',
         marginRight:styles.marginLR+'px',}">
    <el-image
    v-if="styles.img==''"
      style="width: 100%; height: 250px"
      :src="img"
      fit="cover"></el-image>
      <el-image
      v-else
      style="width: 100%; height: 100%"
      :src="styles.img"
      fit="contain"></el-image>
  </div>
</template>

<script>
import { mapState, mapMutations } from "vuex";
export default {
  name: 'hot',
  data () {
    return {
      img:require('../../../assets/img/blank.png')
    }
  },
  props: ["styles"],
}
</script>


<style lang="less" scoped>
#hot{
  overflow: hidden;
}
</style>
